$(function () {
    // 当我们点击了小li 此时不需要执行 页面滚动事件里面的 li 的背景选择 添加 current，通过节流阀判定互斥
    // 1. 显示隐藏电梯导航
    var toolTop = $(".recommend").offset().top;  // 推荐服务盒子高度
    var flag = true;  // 节流阀  互斥锁 
    toggleTool();
    function toggleTool() {  // 封装电梯导航展示效果
        if ($(document).scrollTop() >= toolTop) {
            $(".fixedtool").fadeIn();
        } else {
            $(".fixedtool").fadeOut();
        };
    }
    $(window).scroll(function () {
        toggleTool();  // 调用函数
        // 3. 页面滚动到某个内容区域，左侧电梯导航小li相应添加和删除current类名
        // 通过each遍历四个大模块
        $(".floor .w").each(function (i, ele) {
            if ($(document).scrollTop() >= $(ele).offset().Top) {  // 判断已到达大模块位置
                $(".fixedtool li").eq(i).addClass("current").siblings().removeClass("current");
            }
        })
        if (flag) {  // 节流阀，避免点击时页面跳动
            $(".floor .w").each(function (i, ele) {
                if ($(document).scrollTop() >= $(ele).offset().top) {
                    $(".fixedtool li").eq(i).addClass("current").siblings().removeClass();
                }
            })
        }
    })
    // 2. 点击电梯导航页面可以滚动到相应内容区域
    $(".fixedtool li").click(function () {
        flag = false;  // 节流阀，点击时不执行页面滚动判断
        // var index = $(this).index();  获取点击元素索引值
        var current = $(".floor .w").eq($(this).index()).offset().top;
        // 页面动画滚动效果
        $("body,html").stop().animate({
            scrollTop: current
        }, function () {
            flag = true;  // 节流阀，点击跳转动画执行完毕时执行页面滚动判断
        });
        // 点击之后，让当前的小li 添加current 类名 ，姐妹移除current类名
        $(this).addClass("current").siblings().removeClass("current");
    })
})
